<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="course">
        <div class="top">
            <video id="video"></video>
            <div class="top-icon" id="topIcon">
                <i class="iconfont icon-left" id="return"></i>
                <p class="dpflex" id="beginPlay"><i class="iconfont icon-suspend"></i><span>视频预览</span></p>
            </div>
        </div>
        <div class="bottom">
            <h3>巧克力腹肌雕刻</h3>
            <div class="title dpflex">
                <p class="exercise"><span class="number" id="calorie">45</span>千卡</p>
                <p class="exercise"><span class="number" id="time">15</span>分钟</p>
                <span class="people dpflex"><span id="peoplenum">999</span>人练过 ></span>
            </div>

            <div class="portrait dpflex">
                <div class="flex1 img">
                    <img src="../imgs/1.jpg" alt="">
                </div>
                <div class="flex3">
                    <h4>用户名</h4>
                    <p>三线达人课程设计师</p>
                </div>
                <button class="flex1">+ 关注</button>
            </div>

            <div class="text">
                <span>15分钟带你雕刻出性感的巧克力腹肌,对腹部进行全方位的刺激,泵感十足!型男必备!...</span>
                <a href="#">更多</a>
            </div>

            <div class="font dpflex">
                <div class="left flex1">
                    <span class="iconfont icon-shezhi"></span>
                    <span>练习频次</span>
                    <p>每周<span id="frequency">3-4</span>次</p>
                </div>
                <div class="right flex1">
                    <span class="iconfont icon-fitness"></span>
                    <span>器械</span>
                    <p id="instrument">无</p>
                </div>
            </div>

            <button class="begin" id="beginBtn">开始训练</button>
        </div>
    </div>
</body>

</html>